<template>
    <div class="about">
        <h1>This is an about page</h1>
        <span>{{name}}</span>
        <input type="button" value="click me" @click="clickNotify" />
    </div>
</template>

<script>
export default {
  data () {
    return {
      name: 'zzz'
    }
  },
  computed: {},
  mounted: {},
  methods: {
    showNotify () {
      alert("I'm a notification")
    },
    clickNotify () {
      this.myNotify({
        content: 'this is a notification'
      })
    }
  }
}
</script>
